* {
	margin: 0;
	padding: 0;
}

img {
	width: 1000px;
	height: 1300px;
}

body {
	background: url(../img/pp.png);
	/*background:url(../img/2.3z.png);*/
	background-repeat: no-repeat;
	background-size: 100%;
}

#box {
	width: 820px;
	height: 500px;
	margin-top: 800px;
	margin-left: 85px;
}

p {
	font-size: 50px;
	text-align: center;
	opacity: 0;
	transition: 1s;
	font-weight: 80;
}

#img1 {
	width: 185px;
	height: 185px;
	margin-top: -820px;
	margin-left: 314px;
	position: absolute;
}

#img2 {
	width: 136px;
	height: 136px;
	margin-top: -773px;
	margin-left: 615px;
	position: absolute;
}

#img3 {
	width: 70px;
	height: 50px;
	position: absolute;
	margin-left: 450px;
	margin-top: 380px;
}

#img4 {
	width: 70px;
	height: 50px;
	position: absolute;
	margin-left: 450px;
	margin-top: 350px;
}

#img1,
#img2 {
	-webkit-animation: run 6s linear 0s infinite;
}

@-webkit-keyframes run {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

#img3 {
	animation: rn 1.3s ease-in-out 0.5s infinite alternate;
}

@keyframes rn {
	from {
		margin-top: 380px;
	}
	to {
		margin-top: 360px;
	}
}

#img4 {
	animation: rnm 1.3s ease-in-out 0.5s infinite alternate;
}

@keyframes rnm {
	from {
		margin-top: 350px;
	}
	to {
		margin-top: 330px;
	}
}


}